<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="google-site-verification" content="xBT4GhYoi5qRD5tr338pgPM5OWHHIDR6mNg1a3euekI" />
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="description" content="{{ site.description }}">
  <meta name="keywords"  content="{{ site.keyword }}">
  <meta name="theme-color" content="{{ site.chrome-tab-theme-color }}">

  <!-- Open Graph -->
  <meta property="og:title" content="{% if page.title %}{{ page.title }} - {{ site.SEOTitle }}{% else %}{{ site.SEOTitle }}{% endif %}">
  {% case page.layout %}
  {% when 'post' %}
  <meta property="og:type" content="article">
  <meta property="og:description" content="{{ page.excerpt | strip_html | truncate:200 }}">
  {% if page.date %}
  <meta property="article:published_time" content="{{ page.date | date: "%Y-%m-%dT%H:%M:%SZ" }}">
  {% endif %}
  {% if page.author %}
  <meta property="article:author" content="{{ page.author }}">
  {% endif %}
  {% for tag in page.tags %}
  <meta property="article:tag" content="{{ tag }}">
  {% endfor %}
  {% else %}
  <meta property="og:type" content="website">
  <meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
  {% endcase %}
  <meta property="og:image" content="{{ site.url }}{{ site.avatar }}">
  <meta property="og:url" content="{{ site.url }}{{ page.url }}">
  <meta property="og:site_name" content="{{ site.SEOTitle }}">

  <title>{% if page.title %}{{ page.title }} - {{ site.SEOTitle }}{% else %}{{ site.SEOTitle }}{% endif %}</title>

  <!-- Web App Manifest -->
  <link rel="manifest" href="{{ site.baseurl }}/pwa/manifest.json">

  <!-- Favicon -->
  <link rel="shortcut icon" href="{{ site.baseurl }}/img/favicon.svg">

  <!-- Canonical URL -->
  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">

  {%- include utils/get-cdn.html -%}
  {%- assign _cdn = __return -%}

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="{{ _cdn.bootstrap-css }}">

  <!-- Fonts -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200"/>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500"/>

  <!-- Custom Fonts -->
  <link href="{{ _cdn.font-awesome }}" rel="stylesheet" type="text/css">

  <!-- Font Awesome Animation -->
  <link href="{{ _cdn.font-awesome-animation }}" rel="stylesheet" type="text/css">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="{{ "/css/gungnir.css" | prepend: site.baseurl }}">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

  <!-- ga & ba script hoook -->
  <script></script>


  {%- include utils/get-assets-baseurl.html -%}
  {%- assign _assets_baseurl = __return -%}

  <!-- I have compressed all js dependencies into `lib.min.js` using jsDelivr -->
  <script src="{{ "/js/lib.min.js" | prepend: _assets_baseurl }}"></script>
</head>
